<!-- 样式没有隔离，需要加唯一id=jstreeDemo -->
<div id="jstreeDemo" class="wrapper wrapper-content animated fadeIn" name="树结构插件">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>jstree demo</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="javascript:void(0)">选项1</a>
                            </li>
                            <li><a href="javascript:void(0)">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="alert alert-warning">
                        官方文档及更多示例请参考：
                        <a href="https://www.jstree.com/demo/" target="_blank">https://www.jstree.com/demo/</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <h1>HTML demo</h1>
                    <div id="html" class="demo">
                        <ul>
                            <li data-jstree='{ "opened" : true }'>Root node
                                <ul>
                                    <li data-jstree='{ "selected" : true }'>Child node 1</li>
                                    <li>Child node 2</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <h1>Inline data demo</h1>
                    <div id="data" class="demo"></div>
                    <h1>Data format demo</h1>
                    <div id="frmt" class="demo"></div>
                    <h1>AJAX demo</h1>
                    <div id="ajax" class="demo"></div>
                    <h1>Lazy loading demo</h1>
                    <div id="lazy" class="demo"></div>
                    <h1>Callback function data demo</h1>
                    <div id="clbk" class="demo"></div>
                    <h1>Interaction and events demo</h1>
                    <button id="evts_button">select node with id 1</button> <em>either click the button or a node in the tree</em>
                    <div id="evts" class="demo"></div>
                </div>
            </div>
        </div>
    </div>
</div>